조잡한 트위틀러 방식으로 일단 구현해보고, 후일에 나은 방식으로 구현해보자. css는 무시하고, 최대한 돔 문법을 활용해서 진행할 것. 아직은 정제된 코드로, 깔끔한 방식으로 구현할 수 없다. 잘해야 한다는 생각을 버리고, 구현할 수 있는 방식으로…

동적 요소 덧붙이기
var newElement = document.createElement("BUTTON");
var textnode = document.createTextNode("+");
newElement.id = ""; 아이디 부여
newbtn.appendChild(textnode);
var where = document.getElementById("base");
where.insertBefore(newbtn, where.childNodes[1]);

트렐로 구현 3일차

깨달은 사실 :

개발자도구에서 아이디 이름은 보라색으로 표시된다.

개발자도구에서 클래스 이름은 하늘색으로 여러개 있을 경우 .으로 구분된다.

(실제로는 공백으로 보인다)

트렐로 클론 정말 잘 짜여있다. 함수는 단 한가지의 역할만 수행한다. 지금 내 소스는 하나의 함수에서 너무 다중 역할을 하기 때문에 꼬여버린다. 코드의 재사용을 위한 분할의 필요성.

그때그때 문제를 해결하는 식으로 짜왔기 때문에 기본적인 설계 하는 방법 자체를 잘 모르고 있다.

결국은 MVC 패턴을 배워야 한다.

https://www.bsidesoft.com/?p=5948

model, view, controller, templete 개념을 아주 약간은 알 것 같다. 하지만 아직 이해하긴 어렵다.